*{font-family:"microsoft yahei","arial"; font-size:12px; padding:0; margin:0; color:#222; text-decoration:none; font-style:normal;}
html{background:#eff3f5;}
li{list-style:none;}
.on{color:#37cbbb;}
input{-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; outline:none;}

.nav_box{width:827px; height:140px; margin:0 auto; position:relative;}
	nav{display:inline-block; padding-left:270px; background:url(../images/logo.png) 10px center no-repeat;}
	nav li{display:inline-block; width:80px; height:140px; line-height:66px;}
	nav li a{display:block; margin:40px auto 0; line-height:66px; font-size:14px; text-decoration:none; text-align:center;}
	nav li a:hover{height:66px; color:#37cbbb; border-bottom:4px solid #37cbbb;}
	nav li a.on{border-bottom:4px solid #37cbbb;}
	form.ui_form{display:inline-block; position:absolute; right:0px; top:50%; margin-top:-17px;}
.myCanvas{display:inline-block; width:30px; height:30px; background:url(../images/icon.png) 0 -126px no-repeat; vertical-align:middle;}
.myCanvas ul{display:none;}
.myCanvas:hover{display:inline-block; width:30px; height:30px; background:url(../images/icon.png) 0 -126px no-repeat; vertical-align:middle;}
.myCanvas:hover ul{display:block; width:150px; padding-top:15px; z-index:9999; position:absolute; top:50px; right:0; background:#FFF; text-align:center; line-height:20px; border:1px solid #e4e4e4;}
.myCanvas:hover ul li{padding-bottom:10px;}
.myCanvas:hover ul li:nth-child(1){margin-bottom:15px; border-bottom:1px solid #e4e4e4;}

.content{padding-bottom:50px; background:#FFF; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
	.list_box{width:827px; margin:0 auto;}
	.login_left{display:inline-block; width:400px; padding:15px 55px 0 70px;}
	.login_topic{height:30px; padding-top:20px; line-height:30px;}
	.login_topic i{font-size:20px;}
	.login_topic span{float:right; font-size:14px;}
	.login_topic span a{color:#37cbbb; font-size:14px;}
	.login_topic span a:hover{text-decoration:underline;}
	.login-item{height:40px; padding-top:20px; border-bottom:1px solid #e4e4e4;}
	.login-item .ui-label{display:inline-block; width:40px; height:40px; vertical-align:top;}
	.ui-labelphone{background:url(../images/icon.png) -220px -432px no-repeat;}
	.ui-labelpetname{background:url(../images/icon.png) -220px -478px no-repeat;}
	.ui-labelpassword{background:url(../images/icon.png) -220px -533px no-repeat;}
	.login-item .ui-text{display:inline-block; width:355px; height:40px; vertical-align:top; border:none; font-size:16px;}
	.login-item .ui-text2{width:205px;}
	.ui-button{width:100%; height:50px; margin-top:30px; background:#37cbbb; border:none; border-radius:5px; font-size:16px; color:#FFF;}
	.login_left dl{line-height:50px; text-align:center; color:#999;}
	.login-item .ui-button2{float:right; width:120px; height:35px; margin-top:0; border:1px solid #37cbbb; background:#FFF; color:#37cbbb; font-size:14px;}
	.login_right{display:inline-block; width:210px; height:300px; padding-left:57px; margin-top:31px; vertical-align:top; text-align:center; border-left:1px solid #e4e4e4;}
	.login_right .login_topic{line-height:0px;}
	.login_right .login_topic span{float:none; font-size:14px;}
		.login_con .toggle{display:block; width:100px; height:40px; margin:20px auto 0; padding-left:60px; background:url(../images/icon.png) #4bc439 -205px -225px no-repeat; line-height:40px; font-size:14px; color:#FFF; border-radius:5px; text-align:left;}
		.login_con .qrcodes{width:138px; height:138px; margin:10px auto 0; padding:12px 5px 6px 3px; background:url(../images/QRcodesbg.png) no-repeat; line-height:138px; text-align:center;}
		.login_con .qrcodes img{width:138px; height:138px;}
	.login-item2{padding-top:20px;}
	.login-item2 label{display:inline-block; padding-left:10px; color:#999;}
	.login-item2 input[type="checkbox"]{width:14px; height:14px; background:url(../images/icon.png) 0px -507px no-repeat;}
	.login-item2 input[type="checkbox"]:checked{background:url(../images/icon.png) -25px -507px no-repeat;}
	.login-item2 a{float:right; color:#666;}
/*footer*/
.footer{padding-top:10px;}
.about_box{text-align:center;}
.about_box li{display:inline-block; line-height:25px; color:#999;}
.about_box li a{ color:#999;}
.about_box li a:hover{text-decoration:underline;}
footer{text-align:center;}
footer dl{line-height:25px; color:#999;}
